// /* 默认的安全区域是0 */
page {
  //   --safe-area-inset-top: 44px;
  //   --safe-area-inset-bottom: 34px;
  //   --safe-area-inset-left: 0px;
  //   --safe-area-inset-right: 0px;

  --nutui-brand-1: #f8faff; // 梯度1
  --nutui-brand-2: #f8faff; // 梯度2
  --nutui-brand-3: #f0f5ff; // 梯度3
  --nutui-brand-4: #d9e4ff; // 梯度4
  --nutui-brand-5: #b0c5ff; // 梯度5
  --nutui-brand-6: #87a3ff; // 梯度6
  --nutui-brand-7: #5e7eff; // 梯度7
  --nutui-brand-8: #3556f7; // 梯度8 * 主题色 primary brand
  --nutui-brand-9: #2139d1; // 梯度9
  --nutui-brand-10: #1322ab; // 梯度10
  --nutui-brand-11: #05096e; // 梯度11
  --nutui-brand-12: #05096e; // 梯度12

  --nutui-brand-stop-1: var(--nutui-brand-8); // 渐变色起
  --nutui-brand-stop-2: var(--nutui-brand-8); // 渐变色止

  --nutui-color-primary: var(--nutui-brand-8);
  --nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
  --nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
  --nutui-color-primary-pressed: var(--nutui-brand-9);
  --nutui-color-primary-disabled: var(--nutui-brand-3);
  --nutui-color-primary-text: #ffffff;
  --nutui-color-primary-light: var(--nutui-brand-1);
  --nutui-color-primary-light-pressed: var(--nutui-brand-2);
  --nutui-color-text-link: var(--nutui-brand-8);

  //   --nutui-gray-0: #ffffff; // color-background
  //   // 卡片背景色
  //   --nutui-gray-1: #ffffff; // color-border-tint
  //   // 通用背景色、轮廓描边色
  //   --nutui-gray-2: #fafafa; // color-border-base
  //   // 轮廓描边色（适中）
  //   --nutui-gray-3: #f5f5f5; // color-border-shade
  //   // 轮廓描边色（深）
  //   --nutui-gray-4: #f0f0f0;
  //   --nutui-gray-5: #ebebeb;
  //   --nutui-gray-6: #d9d9d9;
  //   --nutui-gray-7: #bbbbbb;
  //   --nutui-gray-8: #909090;
  //   --nutui-gray-9: #5c5c5c;
  //   --nutui-gray-10: #595959;
  //   --nutui-gray-11: #333333;
  //   --nutui-gray-12: #262626;

  //   --nutui-black-1: rgba(0, 0, 0, 0.02);
  //   --nutui-black-2: rgba(0, 0, 0, 0.05);
  //   --nutui-black-3: rgba(0, 0, 0, 0.1);
  //   --nutui-black-4: rgba(0, 0, 0, 0.2);
  //   --nutui-black-5: rgba(0, 0, 0, 0.3); // color-text-disabled
  //   // 四级文本色，禁用文本色，用于表达禁用状态，占位符等需弱化呈现的文本
  //   --nutui-black-6: rgba(0, 0, 0, 0.4);
  //   --nutui-black-7: rgba(0, 0, 0, 0.5); // color-text-description
  //   // 三级文本色，描述文本色，用于对正文级标题做注释说明
  //   --nutui-black-8: rgba(0, 0, 0, 0.6); //
  //   // 全局蒙层，用于弹出层、弹窗、新功能引导出现的整页遮罩
  //   --nutui-black-9: rgba(0, 0, 0, 0.7); //  color-text-regular
  //   // 二级文本色，正文文本色，用于次级标题，属性标示、非主要信息引导等
  //   --nutui-black-10: rgba(0, 0, 0, 0.8); //
  //   --nutui-black-11: rgba(0, 0, 0, 0.9); //  color-text-title
  //   // 一级文字色，标题文本色，主要内容用色，常用语常规标题内容等
  //   --nutui-black-12: rgba(0, 0, 0, 1); //

  //   --nutui-white-1: rgba(255, 255, 255, 0.02);
  //   --nutui-white-2: rgba(255, 255, 255, 0.05);
  //   --nutui-white-3: rgba(255, 255, 255, 0.1);
  //   --nutui-white-4: rgba(255, 255, 255, 0.2);
  //   --nutui-white-5: rgba(255, 255, 255, 0.3);
  //   --nutui-white-6: rgba(255, 255, 255, 0.4);
  //   --nutui-white-7: rgba(255, 255, 255, 0.5);
  //   --nutui-white-8: rgba(255, 255, 255, 0.6);
  //   --nutui-white-9: rgba(255, 255, 255, 0.7);
  //   --nutui-white-10: rgba(255, 255, 255, 0.8);
  //   --nutui-white-11: rgba(255, 255, 255, 0.9);
  //   --nutui-white-12: rgba(255, 255, 255, 1);

  //   --nutui-green-1: #f6ffed;
  //   --nutui-green-2: #f6ffed;
  //   --nutui-green-3: #ecffd8;
  //   --nutui-green-4: #d9f7be;
  //   --nutui-green-5: #b7eb8f;
  //   --nutui-green-6: #95de64; // * 成功色 success
  //   --nutui-green-7: #73d13d;
  //   --nutui-green-8: #52c41a;
  //   --nutui-green-9: #328a0d;
  //   --nutui-green-10: #135200;
  //   --nutui-green-11: #092b00;
  //   --nutui-green-12: #092b00;

  //   --nutui-orange-1: #fff7e6;
  //   --nutui-orange-2: #fff7e6;
  //   --nutui-orange-3: #ffefd0;
  //   --nutui-orange-4: #ffe7ba;
  //   --nutui-orange-5: #ffd591;
  //   --nutui-orange-6: #ffc069; // * 警告色 warning
  //   --nutui-orange-7: #ffa940;
  //   --nutui-orange-8: #fa8c16;
  //   --nutui-orange-9: #c2630b;
  //   --nutui-orange-10: #873800;
  //   --nutui-orange-11: #612500;
  //   --nutui-orange-12: #612500;

  //   --nutui-red-1: #fff1f0;
  //   --nutui-red-2: #fff1f0;
  //   --nutui-red-3: #ffdfdc;
  //   --nutui-red-4: #ffccc7;
  //   --nutui-red-5: #ffa39e;
  //   --nutui-red-6: #ff7875;
  //   --nutui-red-7: #ff4d4f;
  //   --nutui-red-8: #f5222d; // * 危险色 danger
  //   --nutui-red-9: #bc1120;
  //   --nutui-red-10: #820014;
  //   --nutui-red-11: #5c0011;
  //   --nutui-red-12: #5c0011;

  //   --nutui-info-1: #f8faff;
  //   --nutui-info-2: #f8faff;
  //   --nutui-info-3: #f0f5ff;
  //   --nutui-info-4: #d9e4ff;
  //   --nutui-info-5: #b0c5ff;
  //   --nutui-info-6: #87a3ff; // * 说明色 info
  //   --nutui-info-7: #5e7eff;
  //   --nutui-info-8: #3556f7;
  //   --nutui-info-9: #2139d1;
  //   --nutui-info-10: #1322ab;
  //   --nutui-info-11: #05096e;
  //   --nutui-info-12: #05096e;

  //   --nutui-color-info: var(--nutui-info-6);
  //   --nutui-color-text-disabled: var(--nutui-black-6);
  //   --nutui-notify-danger-background-color: #ff4d4f;

  //   // 字体
  //   --nutui-font-size-1: 10px; // font-text-mini
  //   --nutui-font-size-2: 20px;
  //   --nutui-font-size-3: 24px; // font-text-small
  //   --nutui-font-size-4: 28px; // font-text、font-h3
  //   --nutui-font-size-5: 32px; // font-text-large、font-h2
  //   --nutui-font-size-6: 36px; // font-text-large、font-h2

  //   // 字重
  //   --nutui-font-weight: 400;
  //   // 行高
  //   --nutui-line-height-base: 1.5;

  //   // color: ;
  //   --primary-color: #1890ff;
  //   --success-color: #52c41a;
  //   --warning-color: #faad14;
  //   --error-color: #ff4d4f;
  //   --gold-color: #fa8c16;
  //   --default-font-color: #232426;

  //   // 页面 基础 样式
  //   --bg-white: #ffffff;
  //   --bg-gray: #f6f6f6;

  //   --normal-padding: 30px;
  //   --normal-margin: 30px;

  //   // 字体
  //   --large-2-size: 1.5rem; // 大三号
  //   --large-2-size: 1.333rem; // 大二号
  //   --large-1-size: 1.166rem; // 大一号
  //   --normal-size: 1rem; // 普通
  //   --small-1-size: 0.833rem; // 小一号
  //   --small-2-size: 0.6rem; // 小二号

  //   // 圆角
  //   --normal-square-btn-border-radius: 16px; // 普通方形按钮圆角
  // }

  // /* iPhoneX 等支持 constant 的适配 */
  // @supports (width: constant(safe-area-inset-top)) {
  //   :root {
  //     --origin-safe-area-inset-top: constant(safe-area-inset-top);
  //     --origin-safe-area-inset-bottom: constant(safe-area-inset-bottom);
  //   }
  // }

  // /* iPhoneX 等支持 evn 的适配 */
  // @supports (width: env(safe-area-inset-top)) {
  //   :root {
  //     --origin-safe-area-inset-top: env(safe-area-inset-top);
  //     --origin-safe-area-inset-bottom: env(safe-area-inset-bottom);
  //   }
  // }

  // /* 后续使用 */
  // #header {
  //   padding-top: constant(--origin-safe-area-inset-top);
  //   padding-top: var(--origin-safe-area-inset-top);
  // }

  // // 固定定位元素相关的细节 。fixed 完全吸底元素（ bottom = 0）
  // #footbar {
  //   padding-bottom: constant(safe-area-inset-bottom);
  //   padding-bottom: env(safe-area-inset-bottom);
  // }

  // // 消除默认滚动条
  // .taro_router > .taro_page {
  //   overflow-y: auto;
  // }

  // .bg-white {
  //   background-color: var(--bg-white);
  // }

  // .bg-gray {
  //   background-color: var(--bg-gray);
  // }

  // .wrapper-margin-bottom:not(:last-child) {
  //   margin-bottom: 10px;
  // }

  // .jf-icon {
  //   width: 40px !important;
  //   height: 40px !important;
  //   margin-right: 8px;
  // }

  // // 滚动条样式重写
  // ::-webkit-scrollbar {
  //   width: 8px;
  //   height: 8px;
  //   background-color: transparent !important;
  // }

  // ::-webkit-scrollbar-thumb {
  //   top: 0;
  //   left: 0;
  //   background-color: rgba(0, 0, 0, 0.45) !important;
  //   border-radius: 4px;
  //   border-radius: 4px;
  // }

  // ::-webkit-scrollbar-track {
  //   background-color: transparent !important;
  // }

  // ::-webkit-scrollbar-track-piece {
  //   background-color: transparent !important;

  // ! 自定义变量 需要抽离到变量文件
  --background-2: #f5f5f5;
}

// ! 生成回答时候默认插入显示的动效
.chat-answer-load {
  position: relative;
  display: inline-block;

  &::after {
    content: "|";
    animation: blink-animation 1s steps(2, start) infinite;
    position: absolute;
    top: 0;
    right: -1px;
  }

  @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
}

// https://github.com/mattboldt/typed.js/
// ! typed 实现打字机 但是这边 | 闪烁标记显示 所以就直接隐藏了
.typed-cursor {
  display: none;
}
// ! action-sheet 组件 无法收回
.nut-popup-slide-default-exit-done,
.nut-popup-slide-center-exit-done,
.nut-popup-slide-left-exit-done,
.nut-popup-slide-right-exit-done,
.nut-popup-slide-top-exit-done,
.nut-popup-slide-bottom-exit-done {
  display: none !important;
}
